<template>
    <div class="box">
        <van-swipe class="my-swipe" :autoplay="3000" indicator-color="white" lazy-render>
            <van-swipe-item v-for="item in bannerArr" :key="item.bannerid">
                <img :src="item.img" alt="">
            </van-swipe-item>
        </van-swipe>
    </div>
</template>

<script setup lang="ts">
import { ref, reactive, computed, watch, defineProps, defineEmits } from 'vue'
// 接收父传递的数据
const props = defineProps(['bannerArr'])
// console.log(11111111, props);


</script>
<style scoped lang="scss">
.box {
    padding: 20px;
    box-sizing: border-box;

    .van-swipe {
        width: 100%;
        border-radius: 10px;
        .van-swipe-item {
            img {
                width: 100%;
                height: 100%;
            }
        }

    }
}
</style>